<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--swiperCSS-->
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.5.min.css" />
		<!--自己轮播CSS-->
		<link rel="stylesheet" type="text/css" href="css/homepage-lun.css" />
	</head>
	<body>
		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="banner" style="background-image: url(img/home-pagelun1.jpg);">
					</div>
				</div>
				<div class="swiper-slide">
					<div class="banner" style="background-image: url(img/home-pagelun2.jpg);">
					</div>
				</div>
				<div class="swiper-slide">
					<div class="banner" style="background-image: url(img/home-pagelun3.jpg);">
					</div>
				</div>
				<div class="swiper-slide">
					<div class="banner" style="background-image: url(img/home-pagelun4.jpg);">
					</div>
				</div>
				<div class="swiper-slide">
					<div class="banner" style="background-image: url(img/home-pagelun5.jpg);">
					</div>
				</div>
				<div class="swiper-slide">
					<div class="banner" style="background-image: url(img/home-pagelun6.jpg);">
					</div>
				</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
			<!-- Add Arrows -->
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
		</div>
		<!--轮播之下-->
		<script src="js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var swiper = new Swiper('.swiper-container', {
				pagination: {
					el: '.swiper-pagination',
				},
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
		</script>
	</body>
</html>
